• Глава 3. Интерфейс ColdFusion Studio
• Панели инструментов
• Полоса быстрого доступа к наборам инструментов
• Режимы работы с документами
  • Панель инструментов режима редактирования документов Edit
  • Панель инструментов режима просмотра документов Browse
  • Режим проектирования Design
  • Навигация по открытым документам
• Панель ресурсов
• Окно вывода результатов
• Панель отладки документов
• Клавиатурные комбинации для быстрого доступа

Глава 3

Интерфейс ColdFusion Studio

ColdFusion Studio предлагает удобный интерфейс. Здесь вы можете размещать и настраивать элементы рабочего пространства по своему усмотрению. Почти все элементы подвижны, так что перемещение различных панелей инструментов в удобное для вас местоположение не составляет труда.

Рабочее пространство ColdFusion Studio состоит из следующих элементов: главное меню, область для панелей инструментов, полоса быстрого доступа к набору инструментов, окно дополнительных возможностей, окно вывода результата, линейка инструментов режима редактирования, линейка инструментов режима просмотра и главное — это непосредственно область работы с документом.

Панели инструментов

В ColdFusion Studio панели инструментов могут размещаться в верхней, нижней, левой или правой частях рабочей области редактора, а также могут быть расположены как в отдельном окне, так и в специализированной полосе быстрого доступа к набору инструментов (QuickBar).

По умолчанию в верхней части рабочей области находятся четыре панели инструментов: стандартная панель, панель редактирования, панель режимов просмотра и панель вспомогательных средств. Давайте рассмотрим перечисленные панели более подробно.

Панель инструментов Standard (Стандартная) включает следующие инструменты:

• New Document (Создать) — создает новый документ;
  
• Open (Открыть) — открывает существующий документ;
  
• Save (Сохранить) — сохраняет изменения в текущем документе;
  
• Save All (Сохранить все) — сохраняет изменения во всех открытых документах;
  
• Find (Найти) — осуществляет поиск фрагмента текста в текущем документе;
• Replace (Заменить) — заменяет фрагмент текста в текущем документе;
  
• Extended Find (Расширенный поиск) — осуществляет расширенный поиск в тексте документа;
  
• Extended Replace (Расширенная замена) — выполняет расширенную замену текста в нескольких файлах или всех файлах каталога.
  

Панель инструментов Edit (Правка) содержит следующие инструменты:

• Cut (Вырезать) — вырезает выделенный фрагмент в буфер обмена;
  
• Сору (Копировать) — копирует выделенный фрагмент в буфер обмена;
  
• Paste (Вставить) — вставляет фрагмент из буфера обмена;
  
• Show clipboard (Показать буфер обмена) — отображает содержимое буфера обмена для выборочной вставки;
  
• Paste All (Вставить все) — вставляет все фрагменты из буфера обмена;
• Clear Clipboard (Очистить) — освобождает буфер обмена;
• Undo (Отменить) — отменяет последнее действие;
• Redo (Повторить) — повторно выполняет команду;
  
• Repeat Last Tag (Повторить последний тег) — повторяет ввод последнего набранного тега;
  
• CodeSweeper (Автоформат) — выполняет функцию автоматизированного процесса форматирования кода.
  

Панель инструментов View (Просмотр) включает следующие инструменты:

• Resource Tab (Вкладки ресурсов) — показывает/скрывает панель ресурсов;
  
• Results (Результаты) — показывает/скрывает окно результатов;
  
• QuickBar (Быстрый доступ) — показывает/скрывает полосу быстрого доступа к набору инструментов;
  
• Extended Characters (Специальные символы) — показывает/скрывает набор специальных символов;
  
• Full Screen (Полный экран) — выводит документ на весь экран;
  
• View External Browser List (Список внешних браузеров) — показывает результат проектирования документа в одном из предустановленных браузеров.
  

Панель вспомогательных средств Tools (Сервис) включает следующие инструменты:

• Palette (Палитра) — вызывает визуальный редактор цветов;
  
• Verify Links (Проверить ссылки) — производит проверку ссылок;
  
• Validate Current Document (Допустимость текущего документа) — проверяет правильность написания текущего документа в зависимости от указанных значений в настройках среды выбором команды Options | Settings | Validation (Настройка | Параметры Допустимость);
  
• Thumbnails (Миниатюры) — демонстрирует графические файлы из текущего каталога;
  
• Spell Check (Орфография) — запускает процесс проверки орфографии;
  
• Mark Spelling Errors (Проверять орфографию в режиме редактирования) — включает/выключает режим выделения ошибок;
  
• Style Editor (Редактор стилей) — запускает редактор каскадных таблиц стилей TopStyle;
  
• New Image Map (Новое изображение-карта) — создает графические ссылки с разбивкой на части.
  

Полоса быстрого доступа к наборам инструментов

QuickBar (Быстрый доступ) — особая панель инструментов с вкладками, предназначенная для ускорения написания кода. Количество вкладок соответствует числу включенных в эту полосу панелей инструментов. По умолчанию полоса набора инструментов, о которой идет речь, включает панели, перечисленные ниже.

Общая панель Common (Общие) содержит следующие инструменты :

• Quick start (Быстрый запуск) — запускает мастер для быстрого создания документов;
  
• Body (<Body>) — вызывает диалоговое окно редактирования тега тела документа;
  
• Paragraph (Параграф) — вставляет парные теги начала и окончания абзаца;
• Break (Разрыв строки) — вставляет тег перевода строки;
  
• Non-breaking Space (Неразрывный пробел) — вставляет символ пробела в виде escape-последледовательности;
  
• Anchor (Якорь) — открывает диалоговое окно редактирования тега гиперсвязи документа;
  
• Validate Current Document (Допустимость текущего документа) — проверяет правильность написания текущего документа в зависимости от указанных значений в настройках среды выбором команды Options | Settings | Validation (Настройка | Параметры Допустимость);
  
• Thumbnails (Миниатюры) — демонстрирует графические файлы из текущего каталога;
  
• Spell Check (Орфография) — запускает процесс проверки орфографии;
  
• Mark Spelling Errors (Проверять орфографию в режиме редактирования) — включает/выключает режим выделения ошибок;
  
• Style Editor (Редактор стилей) — запускает редактор каскадных таблиц стилей TopStyle;
  
• New Image Map (Новое изображение-карта) — создает графические ссылки с разбивкой на части.

Общая панель Common (Общие) содержит следующие инструменты :

• Quick start (Быстрый запуск) — запускает мастер для быстрого создания документов;
  
• Body (<Body>) — вызывает диалоговое окно редактирования тега тела документа;
  
• Paragraph (Параграф) — вставляет парные теги начала и окончания абзаца;
• Break (Разрыв строки) — вставляет тег перевода строки;
  
• Non-breaking Space (Неразрывный пробел) — вставляет символ пробела в виде escape-последаедовательности;
  
• Anchor (Якорь) — открывает диалоговое окно редактирования тега гиперсвязи документа;
  
• Image (Изображение) — вызывает диалог редактирования тега графического изображения;
  
• Horizontal Rule (Горизонтальная линейка) — открывает диалоговое окно редактирования тега горизонтальной линии;
  
• Align Center (По центру) — вставляет логический блок с выравниванием по центру;
  
• Align Right (По правому краю) — выравнивает абзац по правому краю;
• DIV (<DIY>) — открывает диалог редактирования тега слоя.
  

Панель шрифтов Fonts (Шрифты) включает следующие инструменты:

• Font (Шрифт) — открыйает диалог редактирования тега формата шрифта;
  
• Font Size + (Размер +) — окружает выделенный блок тегами, позволяющими задать размер шрифта данного блока равным +1;
  
• Font Size - (Размер —) — окружает выделенный блок тегами, позволяющими определить размер шрифта данного блока равным — 1;
  
• Bold (Полужирный) — окружает выделенный блок тегами, позволяющими определить характер шрифта данного блока, как полужирный;
  
• Italic (Курсив) — окружает выделенный блок тегами, позволяющими определить характер шрифта данного блока, как курсивный;
  
• Strong (Жирный) — окружает выделенный блок тегами, позволяющими задать характер шрифта блока, как жирный;
  
• Emphasis (Наклонный) — окружает выделенный блок тегами, позволяющими определить характер шрифта данного блока, как курсивный;
  
• Preformatted Text (Предварительно отформатированный) - открывает диалог редактирования тега, позволяющего определить характер текста, отображаемого на экране "как есть", с сохранением пользовательских пробелов, переносов строк и отступов табуляции;
  
• Heading 1 (Заголовок 1) — окружает выделенный блок тегами, позволяющими определить характер данного блока, как заголовок первого уровня;
  
• Heading 2 (Заголовок 2) — окружает выделенный блок тегами, позволяющими определить характер данного блока, как заголовок второго уровня;
  
• Heading 3 (Заголовок 3) — окружает выделенный блок тегами, позволяющими определить характер данного блока, как заголовок третьего уровня;
  
• Subscript (Подстрочный) — окружает выделенный блок тегами, позволяющими определить характер данного блока, как подстрочный текст;
  
• Superscript (Надстрочный) — окружает выделенный блок тегами, позволяющими определить характер данного блока, как надстрочный текст.
  

Панель таблиц Tables (Таблицы) предоставляет следующие инструменты:

• Table Wizard (Мастер таблиц) — запускает мастер для быстрого создания таблиц;
  
• Table Dialog (Изменить таблицу) — вызывает диалог редактирования тега таблицы;
  
• Table Row Dialog (Изменить строку) — открывает диалоговое окно редактирования тега строки таблицы;
  
• Table Header Dialog (Изменить шапку таблицы) — открывает диалоговое окно редактирования тега ячейки таблицы, играющей роль заголовка колонки;
  
• Table Data Dialog (Изменить данные) — вызывает диалог редактирования тега ячейки таблицы;
  
• Table (Таблица) — вставляет пару тегов начала и окончания таблицы;
  
• Table Row (Строка) — добавляет пару тегов начала и окончания строки таблицы;
  
• Table Header (Шапка таблицы) — вставляет пару тегов, начала и окончания ячейки, играющей роль заголовка колонки;
  
• Table Data (Данные) — размещает пару тегов начала и окончания ячейки таблицы;
  
• Table Caption (Заголовок таблицы) — вставляет пару тегов, определяющих заголовок таблицы;
  
• Table Sizer — Quick Table (Размер таблицы) — вставляет блок тегов таблицы с использованием окна, позволяющего задать количество строк и колонок создаваемой таблицы.
  

Панель фреймов. Frames (Фреймы) включает следующие инструменты:

• Frame wizard (Мастер фреймов) — запускает мастер для быстрого создания фреймов;
  
• Frameset Dialog (Изменить набор фреймов) — открывает диалог редактирования тега контейнера фреймов;
  
• Frame Dialog (Изменить фрейм) — отображает диалоговое окно редактирования тега фрейма;
  
• Floating Frame Dialog (Изменить плавающий фрейм) — вызывает диалоговое окно редактирования тега плавающего фрейма;
  
• Noframes Dialog (Изменить настройку "Без фреймов") — открывает диалог редактирования тега отсутствия поддержки фреймов;
  
• Frameset (Набор фреймов) — вставляет пару тегов начала и окончания набора фреймов;
  
• Frames (Фрейм) — добавляет тег начала фрейма;
  
• Floating Frame (Плавающий 'фрейм) — размещает пару тегов начала и окончания плавающего фрейма;
  
• No Frames (Без фреймов) — вставляет пару тегов для определения блока, предназначенного для браузеров, не поддерживающих фреймы;
  
• Base Target (Базовая цель) — открывает диалоговое окно редактирования тега, позволяющего жестко устанавливать полный URL-адрес сайта в качестве базового.
  

Панель списков Lists (Списки) включает следующие инструменты :

• Quick List (Список) — открывает диалог формирования списка;
  
• Unordered List (Маркированный список) — отображает диалог редактирования тега неупорядоченного маркированного списка;
  
• Ordered List (Нумерованный список) — вызывает диалог редактирования тега упорядоченного списка;
  
• List Item (Элемент списка) — открывает диалог редактирования тега, определяющего пункт списка;
  
• Definition List (Список определений) — вставляет теги для списка определений;
  
• Definition Term (Термин списка определений) — вызывает диалоговое окно редактирования тега термина списка определений;
  
• Definition (Определение) — отображает диалоговое окно редактирования тега вхождения списка определений;
  
• Menu (Меню) — вставляет пару тегов начала и окончания списка меню.
  

Панель CFML Basic (Основные теги CFML) содержит следующие инструменты:

• ColdFusion Server Variables (Переменные ColdFusion Server) — открывает диалог построителя выражений ColdFusion;
  
• CFQUERY — вставляет тег <CFQUERY> для формирования запроса;
  
• CFOUTPUT — вставляет тег <CFOUTPUT>, позволяющий осуществлять вывод на экран;
  
• CFINSERT — размещает тег <CFINSERT> добавления записи через источник данных;
  
• CFUPDATE — вставляет тег <CFUPDATE> для обновления записи через источник данных;
  
• CFTABLE — размещает тег <CFTABLE> создания таблиц;
  
• CFCOL — вставляет тег <CFCOL>, определяющий параметры колонок таблиц;
  
• CFINCLUDE — добавляет тег <CFINCLUDE> для включения содержимого файла;
  
• CFLOCATION — вставляет тег <CFLOCATION> открытия ресурса; П CFSET — вставляет тег <CFSET> определения переменной;
  
• CFPARAM - помещает тег <CFPARAM> для определения переменной с исходным значением;
  
• ColdFusion .Comment (Комментарий ColdFusion) — добавляет пару тегов для определения комментария;
  
• Surround with # (Определение переменных) — вставляет пару тегов для определения переменных.
  

Панель CFML Advanced (Дополнительные теги CFML) включает следующие инструменты:

• CFCOOKIE — добавляет тег <CFCOOKIE> для определения cookies;
  
• CFCONTENT -- вставляет тег <CFCONTENT>, позволяющий включать содержимое файлов в текущую страницу;
  
• CFHEADER — добавляет тег <CFHEADER> для генерация HTTP-заголовков;
  
• CFAPPLICATION — помещает тег <CFAPPLICATION> для определения механизма хранения переменных приложения;
  
• CFERROR — добавляет тег <CFERROR> определения демонстрации пользовательской страницы при возникновении ошибок;
  
• CFDIRECTORY — вставляет тег <CFDIRECTORY>, обеспечивающий работу с каталогами;
  
• CFFILE — добавляет тег <CFFILE>, обеспечивающий работу с файлами;
  
• CFMAIL — помещает тег <CFMAIL> для отправки писем по электронной почте;
  
• CFPOP — добавляет тег <CFPOP> для получения электронной почты;
  
• CFHTTP - добавляет тег <CFHTTP>, обеспечивающий работу с Web-узлами;
  
• CFHTTPPARAM - вставляет тег <CFHTTPPARAM> с целью определения параметров для операций метода <CFHTTP POST>;
  
• CFLDAP — добавляет тег <CFLDAP>, обеспечивающий доступ к LDAP-серверу;
  
• CFFTP — добавляет тег <CFFTP>, обеспечивающий доступ к FTP-серверу;
  
• CFSEARCH -- вставляет тег <CFSEARCH> для выполнения поиска индексированных данных;
  
• CFINDEX — размещает тег <CFINDEX>, определяющий коллекцию для индексации данных;
  

• CFMODULE — добавляет тег <CFMODULE>, активизирующий пользовательский тег;
  
• CFOBJECT — вставляет тег <CFOBJECT> для создания объекта.
  

Панель Form (CF-теги для построения форм) включает следующие инструменты:

• CFFORM — вставляет тег <CFFORM> для построения формы ввода на стороне клиента;
  
• CFAPPLET — добавляет тег <CFAPPLET>, запускающий Java-апплет;
  
• CFINPUT Text — вставляет тег <CFINPUT Text> создания элемента формы "поле ввода";
  
• CFINPUT Radio — помещает тег <CFINPUT Radio для создания элемента формы "переключатель";
  
• CFINPUT Checkbox -- вставляет тег <CFINPUT checkbox>, создающий элемент формы "флажок";
  
• CFSELECT — добавляет тег <CFSELECT> для создания элемента формы "список";
  
• CFTREE — вставляет тег <CFTREE> для создания управляющего элемента "дерево" (Tree);
  
• CFTREEITEM - помещает тег <CFTREEITEM>, определяющий пункт управляющего элемента "дерево";
  
• CFGRID — вставляет тег <CFGRID>, создающий управляющий элемент "сетка" (Grid);
  
• CFGRIDCOLUMN - добавляет тег <CFGRIDCOLUMN>, определяющий столбцы управляющего элемента "сетка";
  
• CFGRDROW - размещает тег <CFGRIDROW>, определяющий строки управляющего элемента "сетка";
  
• CFGRIDUPDATE — вставляет тег <CFGRIDUPDATE> для обновления отредактированных данных с помощью "сетки";
  
• CFSLIDER — добавляет тег <CFSLIDER>, определяющий элемент "ползунок" (Slider).
  

Панель CFML Flow (Операторы CFML) включает инструменты :

• CFTRY — вставляет тег <CFTRY> для обработки исключительных ситуаций; оператор try;
  
• CFCATCH — добавляет тег <CFCATCH> для обработки исключительных ситуаций; оператор catch;
  
• CFTHROW -- помешает тег <CFTHROW> для обработки исключительных ситуаций; оператор throw;
  
• CFLOCK — вставляет тег <CFLOCK> для обеспечения поддержки целостности данных и .синхронизации CFML-кода;
  
• CFSWITCH — помещает тег <CFSWITCH>; условный оператор switch;
• CFCASE — вставляет тег <CFCASE>; условный оператор сазе;
  
• CFDEFAULTCASE — добавляет тег <CFDEFAULTCASE>; условный оператор defaultcase;
  
• CFSCRIPT - вставляет тег <CFSCRIPT>, определяющий блок кода CFScript;
  
• CFIF — помещает тег <CFIF>; условный оператор if;
  
• CFELSE — добавляет тег <CFELSE>; условный оператор else;
  
• CFELSEIF — вставляет тег <CFELSEIF>; условный оператор eiseif;
  
• CFBREAK — помещает тег <CFBREAK>, осуществляющий переход из повторяющего набора инструкций, игнорируя условия;
  
• CFABORT — вставляет тег <CFABORT>, приостанавливающий процесс;
  
• CFEXIT — добавляет тег <CFEXIT>, осуществляющий обработку аварийного прекращения выполнения CFML-тегов;
  
• CFLOOP — помещает тег <CFLOOP>, обозначающий повторение набора инструкций, основанных на условиях.
  

Панель CF Graph (CF-теги для построения диаграмм) включает инструменты :

• CFGRAPH Ваг — помещает тег <CFGRAPH> для создания диаграммы в виде столбцов (гистограмма);
  
• CFGRAPH HorizontalBar — помещает тег <CFGRAPH> для создания диаграммы в виде горизонтальных столбцов (линейчатая диаграмма);
  
• CFGRAPH Line — помещает тег <CFGRAPH> для создания диаграммы в виде линий (график);
  
• CFGRAPH Pie — помещает тег <CFGRAPH> для создания круговой диаграммы.
  

Панель JSP (Java Server Pages) включает инструменты:

• Page — позволяет включать директиву раде для движка сервлета (Servlet) с информацией об основных настройках JSP;
  
• Include — добавляет строку кода для определения файла в качестве включаемого;
  
• TagLib — определяет пользовательскую библиотеку тегов для текущей JSP-страницы;
  
• Declaration — добавляет пару тегов <%! %> для объявления переменных JSP;
  
• Scriptiet — добавляет пару тегов <% %> для использования внутри этих тегов JSP-скрипта;
  
• Expression — добавляет пару тегов <%= %> для обработки JSP-выражения и выводит полученный результат на экран;
  
• jspruseBean — определяет экземпляр Java Bean;
  
• jsp:setProperty — присваивает значения свойствам ранее описанных beans;
  
• jsp:getProperty — определяет значение свойства bean-компонента, конвертирует его в строку и направляет в поток вывода;
  
• jsp:include — вызывает одну JSP-страницу из другой, после завершения выполнения вызванной страницы контроль управления передается вызывающей JSP-странице;
  
• jsp:forward — вызывает одну JSP-страницу из другой, после завершения выполнения вызванной страницы контроль управления не передается вызывающей JSP-странице;
  
• jsp:params — добавляет пару тегов <jsp:params></jsp:params> для определения параметров;
  
• jsp:param — предназначен для определения параметра при использовании JSP-тега;
  
• jsp:plugin — вставляет элемент OBJECT или EMBED (в зависимости от типа браузера), необходимый для запуска апплетов, использующих plug-ins Java;
  
• jsp Comment — добавляет пару тегов <%-- --%>, используемых в качестве комментария в JSP.
  

Панель ASP (Active Server Pages) включает инструменты:

• ASP Server Variables (Переменные ASP Server) -- позволяет включать серверные переменные ASP;
  
• ASP Include — добавляет строку кода для определения файла в качестве включаемого;
  
• ASP Tag — добавляет пару тегов <% %> для использования внутри них ASP-кода;
  
• ASP Output - добавляет пару тегов <%= %> для обработки ASP-выражения и выводит полученный результат на экран;
  
• ASP If — добавляет строку кода для реализации условного оператора if;
• ASP Else — добавляет строку кода для реализации условного оператора
  
• else;
  
• ASP End — добавляет строку кода для реализации условного оператора end.
  

Мы не задаемся целью подробно рассмотреть каждый из перечисленных инструментов. Отметим лишь, что предназначение инструментов, расположенных на таких панелях, как: CFML Basic (Основные теги CFML), CFML Advanced (Дополнительные теги CFML), CF Form (CF-теги для построения форм), CFML Flow (Операторы CFML) и CF Graph (CF-теги для построения диаграмм) сводится к одному -- вставке того или иного тега. Большинство этих инструментов предполагает редактирование атрибутов выбранного тега в режиме диалога. В качестве примера разберем инструмент CFMAIL, расположенный на панели инструментов CFML Advanced (Дополнительные теги CFML) и предназначенный для вставки тега <CFMAIL>, способствующего отправке писем по электронной почте.

Обратите внимание на флажок Output attributes on single line (Выводить атрибуты в одну строку), который позволяет указывать правило размещения кода: по умолчанию код располагается в одну строку. Автор предпочитает снимать флажок для придания коду более читабельного вида, т. к. в этом случае каждый атрибут тега размещается с новой строки с соблюдением определенных отступов.

Здесь помимо текста сообщения можно указать его тип (в раскрывающемся списке Message Type (Тип сообщения)), который принимает значения явного текста или HTML-кода.

При необходимости прикрепления файлов к отправляемому письму воспользуйтесь вкладкой MIME Attachment (Присоединение MIME) диалогового окна Tag Editor - CFMAIL (CFML) (Редактор тегов - CFMAIL (CFML)). На вкладке Server Settings (Параметры сервера) не забудьте указать ваш почтовый сервер.

В подобных случаях ColdFusion Studio — достаточно удобное средство, если вы забыли синтаксис какого-либо тега, выбрали инструмент вставки тега, ввели значения необходимых атрибутов, подтвердили свои действия нажатием кнопки ОК. А далее редактируйте полученный код по мере необходимости. Что еще надо? Тем более, все теги ColdFusion поддерживаются средством автоматической простановки тегов, так называемыми подсказками, о чем шла речь в главе 2.

Но и это еще не все, каждое диалоговое окно редактирования включает кнопки помощи (табл. 3.1).

ColdFusion Studio предполагает три режима работы с документами:

• Edit (Редактор) — рабочая область для редактирования документа;
  
• Browse (Просмотр) — просмотр документов в браузере, который установлен по умолчанию;
  
• Help (Справка) — режим просмотра вспомогательной информации (для пятой версии), или Design (Проектирование) — режим визуального редактирования документов (заменен в Macromedia ColdFusion Studio 5 Release Candidate 1 на режим Help).
  

Режим помощи появляется только при работе с соответствующими документами. Переход между двумя режимами Edit (Редактор) и Browse (Просмотр) можно выполнять посредством функциональной клавиши <Fl2>, переход между режимами Edit (Редактор) и Help (Справка) — осуществляется с использованием комбинации клавиш <Shift>+<F12>. Для более ранних версий эта комбинация применялась для перехода между режимами Edit (Редактор) и Design (Проектирование).

Как для режима Edit (Редактор), так и для режима Browse (Просмотр) существует собственная панель инструментов, которая способствует облегчению работы с документами. При этом в режиме Help (Справка) дублируется часть инструментов из режима Browse (Просмотр).

Панель инструментов режима редактирования документов Edit

Панель инструментов режима редактирования документов (Editor Toolbar) может быть скрыта или отображена командой главного меню View | Editor Toolbar (Вид | Панель инструментов режима редактирования) в зависимости от текущего состояния индикатора. Панель инструментов располагается вертикально, "аккуратно" прилегая слева к рабочей области редактора. В табл. 3.2 перечислены все инструменты полезной панели.

Таблица 3.2. Инструменты для режима редактирования документов Edit

Панель инструментов режима просмотра документов Browse

Панель инструментов Browser Toolbar режима просмотра документов в отличие от панели инструментов редактирования, располагается горизонтально над рабочей областью редактора.

Перечислим все инструменты этой панели:

• Previous (Назад) — осуществляет переход на предыдущую страницу. Здесь подразумевается "поход" по посещенным страницам в режиме просмотра, аналогично браузеру;
  
• Next (Вперед) — выполняет переход на следующую страницу;
  
• Stop (Остановить) — позволяет остановить загружаемую страницу;
  
• Refresh (Обновить) — обновляет текущую страницу;
  
• Browser Size (Размер браузера) — изменяет размер браузера. Подразумевается три режима: 640x480, 800x600 и в размер окна;
  
• Edit (Правка) — позволяет редактировать документ;
  
• Open URL (Открыть URL) — открывает URL для редактирования;
  
• Toggle Rulers (Линейки размерности) — отображает линейку, позволяющую сопоставить размер элементов текущей страницы;
  
• Open in External Browser (Открыть во внешнем браузере) — открывает текущий документ во внешнем браузере, установленном по умолчанию.
  

Режим проектирования Design

ColdFusion Studio более ранних версий предоставлял дополнительную опцию для визуального редактирования кода -- Design (Проектирование). Данная опция работает по принципу WYSIWYG ("What You See Is What You Get"

"Что вы видите, то вы получаете"). Страница создается так, как она будет выглядеть в окне "браузера, а программа записывает ее в виде HTML-кода.

Режим Design (Проектирование) может быть полезен при размещении изображений на странице и для создания комплексных таблиц и форм. Код для этих элементов генерируется автоматически и обновляется по мере появления каких-либо изменений.

Данный режим предполагает наличие браузера Microsoft Internet Explorer версии 4.01 или более поздней. Мы не рассматриваем панели инструментов для режима работы Design (Проектирование) в связи с отсутствием данного режима работы в новой версии — CF Studio 5.

В завершение рассказа о режиме проектирования отметим, что существует возможность вставки листов, таблиц и ячеек путем копирования из офисных пакетов MS Word и MS Excel. И при переходе в другой режим работы с документом программа преобразовывает содержимое рабочей страницы в эквивалентный формат HTML. Результат получается достаточно убедительный, и что немаловажно, код в этом случае хорошо читается.

Навигация по открытым документам

Мы уже познакомились с панелью инструментов режима редактирования документов, где существует, как минимум, два способа перехода по открытым документам, однако этого мало.

В каком бы режиме вы не находились — редактирования, просмотра или проектирования — в нижней части рабочей области чуть выше панели отладки документов (Debugger Toolbar) существует горизонтальная полоса с вкладками (ярлыками), отображающими имена открытых документов, очень похожая на ярлыки листов из MS Excel.

Наименования всех документов, подвергшихся каким-либо изменениям, выделяются синим цветом. После сохранения изменений, наименование документа вновь приобретает привычный черный цвет. Имя файла текущего документа выделено белым фоном. Заметьте, если не хватает пространства для перечисления документов, на данной полосе справа появляются две кнопки-стрелки, позволяющие перемещаться по списку документов. Если же вы открываете документ, используя удаленное соединение, то это также отражается на ярлыке данного документа, пометкой его зеленым индикатором.

Панель ресурсов

Панель ресурсов (Resource Tab) представляет собой вспомогательное средство по работе с файловой системой (Files1) и (Files2), базами данных (Database), проектами (Projects), обозревателем сайта (Site View), фрагментами кодов (Snippets), системой помощи (Help) и инспектором тегов (Tag Inspector). Так называемая панель ресурсов, которую можно было бы назвать и окном ресурсов, разбита на тематические разделы, доступ к которым можно получить через соответствующие вкладки.

Панель ресурсов может быть скрыта с использованием команды главного меню View | Resource Tab (Вид | Панель ресурсов) или клавиши <F9>, с помощью этой же команды панель ресурсов раскрывается. Для изменения порядка отображения вкладок достаточно щелкнуть правой кнопкой мыши по необходимой вкладке и протащить ее вправо или влево в зависимости от ситуации. Более того, содержимое каждого тематического раздела можно разместить в отдельном окне. Для этого достаточно щелкнуть левой кнопкой мыши по вкладке и перетащить ее в сторону.

Рассмотрим по порядку размещения все вкладки.

• Files1 (Файлы1) и File2 (Файлы2) — система управления файлами и каталогами, обеспечивающая доступ ко всем файлам, включая сетевые ресурсы и удаленные соединения. Здесь вы можете добавлять, изменять и удалять каталоги и файлы, отображать список файлов с сортировкой, предварительно просматривать графические файлы, создавать список избранных каталогов для быстрого доступа. Достаточно часто приходится работать с проектами из разных источников, для облегчения перехода от проекта к проекту разработчики включили в пятую версию две вкладки по работе с файлами, что действительно позволяет легко ориентироваться при работе над очередным "шедевром".
  
• Database (Базы данных) — обеспечивает доступ к базам данных через поименованные источники данных. Здесь вы можете просматривать данные, формировать запросы, сохранять запросы в качестве заготовок для повторного использования.
  
• Projects (Проекты) — предоставляет возможность размещения всех необходимых файлов для создания Web-сайта в легко доступном месте в рамках проекта.
  
• Site View (Обозреватель сайта) — осуществляет наглядное отображение всех связей текущего документа с другими файлами.
  
• Snippets (Фрагменты кодов) — обеспечивает работу с пользовательскими фрагментами кодов для многочисленного использования.
  
• Tag Inspector (Инспектор тегов) — поддерживает формирование дерева тегов без текста документа, что упрощает создание и редактирование тегов.
  
• Help (Справка) — система помощи, обеспечивающая доступ к справочнику по ColdFusion.
  

Описание работы с данными ресурсами читайте в главе 4.

Окно вывода результатов

Данное окно предназначено для инициализации просмотра результатов проверки и открывается каждый раз, когда выполняется команда тестирования текущего документа. В данном контексте подразумеваются такие команды, как Tools | Validate Document (Сервис | Допустимость документа), Tools | Verify Links (Сервис | Проверка ссылок).

Окно вывода результатов снабжено следующими вкладками (ярлыками):

• Search (Поиск) - отражает результат расширенного поиска (Extended Find) и расширенной замены (Extended Replace);
  
• Validation (Проверка) — демонстрирует список ошибок и предупреждений с комментариями, в зависимости от настроек спецификаций, указанных с помощью команды Options | Settings | Validation (Настройка | Параметры | Допустимость);
  
• Links (Ссылки) — отражает список связей текущего документа, предоставляя возможность документировать результат тестирования;
  
• Thumbnails (Миниатюры) — показывает все графические файлы из текущего каталога, предоставляя возможность с легкостью помещать графические изображения в разрабатываемые страницы;
  
• Deployment (Развертывание) — представляет информацию относительно проектируемого файла.
  

Трудно что-либо добавить по рассмотренному окну, заметим еще, что только со временем понимаешь, насколько удобно данное средство.

Панель отладки документов

В процессе разработки CFML-страниц мы сталкиваемся с ситуацией, когда программа работает не так, как задумывалось, или не работает вовсе. Даже опытному специалисту не всегда удается избежать ошибок. На помощь может прийти средство отладки — панель Debugger Toolbar (Панель отладки).

Итак, по порядку размещения инструментов:

• Breakpoints (Точки прерывания) — отображает список точек прерывания;
  
• Clear АН Breakpoints (Удалить все точки прерывания) — удаляет все точки прерывания;
  
• Toggle Breakpoint (Переключить точку прерывания) -- переключает состояния точек прерывания;
  
• Debug Start Settings (Параметры запуска отладки) — осуществляет настройку параметров отладки документа;
  
• Development Mappings (Разработка карт) — выполняет настройку логических псевдонимов путей к файлам;
  
• Start/Continue (Начать/Продолжить) — начинает/продолжает отладку документа;
  
• End Debug Session (Завершить отладку) — прекращает отладку документа;
• Step Into (Шаг внутри) — выполняет следующую строку кода;
  
• Step Over (Шаг выше) — выполняет следующую строку кода, и если эта строка вызывает включенный файл (используя теги <CFINCLUDE>, <CFMODULE> или <CFLOCATION>), то вызываемый модуль выполняется в фоновом режиме;
  
• Step Out (Шаг наружу) — продолжает выполнение кода в блоке без остановки на каждой строке до тех пор, пока не будет достигнута строка, следующая за той, которая вызвала выполнение блока;
  
• Run to Cursor (Запустить до курсора) — выполняет код до строки, на которой находится курсор или точка прерывания. При этом положение курсора воспринимается как точка прерывания;
  
• Watch (Просмотр) — открывает окно отладки Debug (Отладка) на вкладке просмотра значений выражений, которые они принимают во время работы программы;
  
• Recordsets (Набор записей) — открывает окно отладки Debug (Отладка) на вкладке просмотра списка набора данных;
  
• Stack (Стек) — открывает окно отладки Debug (Отладка) на вкладке просмотра выполняемого тега;
  
• Output (Вывод) — открывает окно отладки Debug (Отладка) на вкладке просмотра результата выполнения активной страницы;
  
• Variables (Переменные) — открывает окно отладки Debug (Отладка) на вкладке просмотра списка локальных переменных.
  

Пример использования панели отладки см. в разд. "Отладка Web-страниц" гл. 4.

Клавиатурные комбинации для быстрого доступа

Как и в любом программном продукте, в ColdFusion Studio существует набор клавиатурных комбинаций для быстрого доступа к командам. В ColdFusion Studio есть возможность редактировать, а также добавлять собственные комбинации. В табл. 3.3 приведены клавиатурные комбинации при настройках по умолчанию.

Таблица 3.3. Клавиатурные комбинации при настройках по умолчанию

Для редактирования клавиатурных комбинаций быстрого доступа можно воспользоваться командой главного меню Options | Customize (Настройка | Настройки) или нажать комбинацию клавиш <Shift>+<F8>, а затем переключиться на вкладку Keyboard Shortcuts (Клавиши быстрого доступа).